/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1360px) {

		.in_about figcaption{
			padding-left: 4%;
		}
		.digital{
			left:8%;
		}
		#certify .swiper-button-next{
			display: none;
		}
		#certify .swiper-button-prev{
			display: none;
		}
		#certify{
			width:92%;
		}

    }


    @media screen and (max-width: 1200px) {

		.nav{
			display: none;
		}
		.header_middle{
			display: none;
		}
		.infor{
			display: none;
		}
		.vertex{
			display: none;
		}
		.menu {
             display: block;
             float: right;
         }

         .menu i {
             font-size: 30px;
         }

         .menu_down {
             text-align: center;
             position: fixed;
             left: 100%;
             top: 0;
             width: 100%;
             height: 100%;
             background: rgba(0, 0, 0, .8);
             z-index: 9999;
             display: block;

         }

         .close {
             text-align: right;
             padding-right: 4%;
             line-height: 3;
         }

         .close i {
             color: #fff;
             font-size: 28px;
         }

         .menu_down li {
             line-height: 3.5;

         }

         .menu_down li a {
             font-size: 16px;
             display: block;
             text-transform: uppercase;
         }

         .menu_down li i {
             font-size: 22px;
         }

         .menu_down li.search_phone {
             font-size: 0;
             
         }

         .search_phone input {
             display: inline-block;
             vertical-align: top;
             width: 250px;
             border: 1px solid #ccc;
             line-height: 30px;
             font-size: 14px;
             color: #222;
             padding: 0 10px;
         }

         .search_phone button {
             line-height: 32px;
             display: inline-block;
             vertical-align: top;
             width: 50px;
         }

         .search_phone button i {
             display: block;
             font-size: 16px;
             -webkit-transform: scale(0.8);
             -ms-transform: scale(0.8);
             -o-transform: scale(0.8);
             transform: scale(0.8);
         }

         .menu_down li {
             line-height: 3.5;
             text-align: center;
         }

         .menu_down li a {
             display: block;
             font-size: 18px;
             color: #fff;
         }

         .menu span.icon-bar {
             background: #000;
             width: 26px;
             height: 2px;
             display: block;
             -webkit-transition: all 300ms ease-out;
             -moz-transition: all 300ms ease-out;
             transition: all 300ms ease-out;
         }

         .menu .sr-only {
             display: none;
         }

         .menu .icon-bar:nth-child(2) {
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }

         .menu .icon-bar:nth-child(3) {
             margin-top: 8px;
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             transform: scale(1, 1);
             -webkit-transform-origin: center center;
             -moz-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
         }

         .menu .icon-bar:nth-child(4) {
             margin-top: 8px;
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }

         .xz .icon-bar:nth-child(2) {
             -webkit-transform: rotate(45deg) translate(4px, -3px);
             -moz-transform: rotate(45deg) translate(4px, -3px);
             -ms-transform: rotate(45deg) translate(4px, -3px);
             transform: rotate(45deg) translate(4px, -3px);
             transform-origin: 0 0;
         }

         .xz .icon-bar:nth-child(3) {
             opacity: 0;
         }

         .xz .icon-bar:nth-child(4) {
             -webkit-transform: rotate(-45deg) translate(3px, 2px);
             -moz-transform: rotate(-45deg) translate(3px, 2px);
             -ms-transform: rotate(-45deg) translate(3px, 2px);
             transform: rotate(-45deg) translate(3px, 2px);
         }
         .header_right{
         	-webkit-justify-content: flex-end;
         	justify-content: flex-end;
         	padding-right: 4%;
         }
         .w1200{
         	width: 92%;
         	margin: 0 auto;
         }

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
  
		.logo aside{
			display: none;
		}
		.header-top{
			height:60px;
		}
		.logo{
			width:18%;
		}
		.banner{
			height:200px;
		}
		.banner .swiper-container{
			height: inherit;
		}
		.banner .swiper-slider{
			height: 100%;
		}
		.banner img{
			height: 100%;
			object-fit: cover;
		}
		.digital{
			position:initial;
			width: 100%;
			height:auto;
			background:none;
		}
		.flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.in_about figcaption{
			width: 100%;
			padding:0 4%;
		}
		.in_about span.name{
			font-size: 14px;
			line-height:32px;
		}
		.in_about span.title{
			font-size:20px;
		}
		.enitor{
			margin-top:8%;
			font-size: 15px;
		}
		.more dl{
			margin:6% 0;
		}
		.digital li{
			width:100%;
			margin-bottom: 4%;
			padding:10% 0 10% 20%;
			background: rgba(46,145,101,0.9)
		}
		.in_about figure{
			width: 100%;
			height:200px;
		}
		.in_about figure img{
			width: 100%;
		}
		.mpa2-title h3{
			font-size: 20px;
		}
		.mpa2-title p{
			font-size: 15px;
			padding:0 10%;
			margin-top:4%;
		}
		.module_page2{
			height:140px;
			padding-top:8%;
		}
		.module_page2 b.y_scrol{
			display: none;
		}
		.module_page3{
			padding:8% 0;
		}
		.index_title h3{
			font-size:24px;
		}
		.index_title p{
			font-size: 14px;
			padding:10px 10% 0 10%;
		}
		.pro_nav li{
			width: calc(100% / 3);
		}
		.pro_nav li a{
			font-size: 14px;
		}
		.pro_nav li a::after{
			display: none;
		}
		.mod4 li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.mod4 li:nth-child(2n){
			margin-right: 0;
		}
		.mod3li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.mod3 li:nth-child(3n){
			margin-right: 4%;
		}
		.mod3 li:nth-child(2n){
			margin-right: 0;
		}
		.footer_top{
			display: none;
		}
		.copy a img{
			display: none;
		}
		.pro_list li figcaption h3{
			font-size: 15px;
		}
		.pro_list li figcaption h3 i{
			padding-right: 0;
		}
		.module_page4{
			display: none;
		}
		.in_more a{
			margin-top:0;
		}
		.more{
			margin-top: 6%;
		}
		#certify{
			width: 100%;
			margin-top:8%;
		}
		#certify .swiper-slide{
			width: 100%;
			height:205px;
		}
		.module_page5{
			padding:0;
		}
		.module_page6{
			display: none;
		}
		.module_page7{
			padding:6% 0;
		}
		.news_list1{
			max-width:100%;
		}
		.news_list2{
			max-width:100%;
			margin-top: 6%;
		}
		.news_list1 li{
			width: 100%;
			margin-bottom:8%;
			margin-right: 0;
		}
		.news_list1 li:last-child{
			margin-bottom: 0;
		}
		.news_list2{
			display: none;
		}
		.copy{
			line-height:1.8;
			padding:8px 0;
		}
		.inside_banner figure{
			height:200px;
		}
		.inside_banner figcaption h3{
			font-size: 24px;
		}
		.product1_nav li{
			width: calc(100% / 2);
			border:1px solid #e5e5e5;
			border-bottom:none;
		}
		.product1_nav li:nth-child(2n){
			border-left:none;
		}
		.product1_nav{
			border-bottom:1px solid #e5e5e5;
		}
		.inside_nav li a{
			font-size: 14px;
		}
		.inside_title h3{
			font-size:24px;
		}
		.inside_nav{
			margin:6% 0 8% 0;
		}
		.product_list li figcaption p{
			font-size: 14px;
		}
		.prodea_swiper{
			width: 100%;
			height:345px;
		}
		.prodea_con{
			float: left;
			width: 100%;
			height:auto;
			margin-top:8%;
		}
		.control{
			margin-top: 6%;
			position: initial;
		}
		.control li:nth-child(3n){
			margin-right: 0;
		}
		.ht p{
			line-height:36px;
			padding:0 30px;
			font-size: 15px;
		}
		.ht{
			height:36px;
		}
		.honor_list li{
			width: 48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.honor_list li:nth-child(3n){
			margin-right: 4%;
		}
		.honor_list li:nth-child(2n){
			margin-right:0;
		}
		.inside_page{
			padding:6% 0 8% 0;
		}
		.mt40{
			margin-top: 6%;
		}
		.ab_left{
			max-width:100%;
		}
		.ab_left h4{
			font-size: 16px;
			line-height:32px;
		}
		.ab_left h3{
			font-size: 20px;
		    white-space: normal;
		}
		.ab_right{
			margin-top:4%;
		}
		.inside_about{
			padding-bottom:0;
		}
		.ab_enitor{
			font-size: 15px;
		}
		.about_page3{
			padding:10% 0;
		}
		.deve_swiper{
			width: 100%;
			margin-top:10%;
		}
		.deve_swiper .swiper-slide span{
			font-size: 16px;
		}
		.deve_swiper .swiper-slide span{
			width: 20%;
		}
		.deve_swiper .swiper-slide div.yuan{
			margin: 0;
		}
		.deve_swiper .swiper-slide div.deve_con{
			width: 65%;
			padding:5% 4%;
			height:auto;
		}
		.deve_swiper::after{
			left:calc(28% - 3px);
			top:0;
			height:680px;
		}
		.left_title p{
			font-size: 13px;
			line-height:2;
		}
		.left_title h3{
			font-size: 26px;
		}
		.culture_list li{
			margin-right: 0;
			margin-bottom: 8%;
			width: 100%;
		}
		.about_page4{
			background-size:cover;
			padding:6% 0;
		}
		.culture_list li:nth-child(3n){
			margin-right: 0;
		}
		.contact_title h3{
			font-size: 24px;
		}
		.contact_list1 ul li{
			width: 50%;
			margin-right: 0;
			margin-bottom: 0;
			border-bottom:1px solid #e5e5e5;
		}
		.contact_list1{
			border-bottom:none;
		}
		.mod4 li:nth-child(2n){
			border-right:1px solid #e5e5e5;
		}
		.map{
			height:250px;
		}

    }